<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <link rel="stylesheet" href="/Public/home/css/workInstruction/index.css">
</block>

<!-- scripts -->
<block name="linkjs">
    <script src="/Public/home/js/workInstruction/index.js"></script>
</block>

<!-- page title -->
<block name="webtitle">
    <title>我已完成的</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="workInstructionIndex.html">工作指示</a></li>
        <li class="active">我已完成的</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <div class="work-index">
        <div class="pull-left">
            <!--发布任务按钮-->
            <a href="workInstructionAdd.html" class="layui-btn layui-btn-primary">
                <i class="icon-plus"> 发布任务</i>
            </a>
        </div>

        <!-- 搜索 -->
        <form class="layui-form filter-box">
            <div class="layui-inline pull-right">
                <div class="layui-input-inline layui-input-inline-search">
                    <input type="text" class="layui-input input-search" name="searchContent" lay-verify="required" placeholder="输入任务内容关键字搜索...">
                    <button type="submit" class="layui-btn"><i class="icon-search"></i></button>
                </div>
            </div>
            <div class="clearfix"></div>
        </form>

        <!--记录-->
        <div class="layui-tab mt-40">
            <ul class="layui-tab-title">
                <li class="">
                    <a href="workInstructionMy.html">我发起的</a>
                </li>
                <li>
                    <a href="workInstructionTodo.html">待我完成的</a>
                </li>
                <li class="layui-this">
                    <a href="workInstructionDone.html">我已完成的</a>
                </li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item"></div>
                <div class="layui-tab-item"></div>
                <div class="layui-tab-item layui-show">

                    <!--内容记录表-->
                    <div class="work-content m-20 row">

                        <!--start-->
                        <div class="col-md-4 content-detail" data-id="1">
                            <div class="content mb-10 mt-10">
                                <a href="workInstructionDetail.html">
                                    Layui 是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢
                                </a>
                            </div>
                            <div class="mb-10">
                                <span>指派人员：</span>
                                <span>张三</span>
                                <span>李四</span>
                            </div>
                            <div class="text-muted mb-10">
                                <span>创建时间：</span>
                                <span>2019-5-31 17:25:12</span>
                            </div>
                            <div class="text-muted mb-10">
                                <span>截止时间：</span>
                                <span>2019-6-01 17:25:00</span>
                            </div>
                        </div>

                        <div class="col-md-4 content-detail" data-id="2">
                            <div class="content mb-10 mt-10">
                                <a href="workInstructionDetail.html">
                                    Layui 是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢
                                </a>
                            </div>
                            <div class="mb-10">
                                <span>指派人员：</span>
                                <span>张三</span>
                                <span>李四</span>
                            </div>
                            <div class="text-muted mb-10">
                                <span>创建时间：</span>
                                <span>2019-5-31 17:25:12</span>
                            </div>
                            <div class="text-muted mb-10">
                                <span>截止时间：</span>
                                <span>2019-6-01 17:25:00</span>
                            </div>
                        </div>
                        <!--end-->

                    </div>
                </div>
            </div>
        </div>

    </div>
</block>